<template>
  <div>
    <div class="emergency-contact-title">
      <span>家庭成员</span>
    </div>
    <div class="emergency-contact">
      <el-table v-if="familyList.length>0" :data="familyList" style="width: 100%">
        <el-table-column prop="member" label="家庭成员" />
        <el-table-column prop="relationship" label="关系" />
        <el-table-column prop="phone" label="联系方式" />
        <el-table-column prop="politics.label" label="政治面貌" />
        <el-table-column prop="occupations" label="职业" />
        <el-table-column prop="workPlace" label="工作单位" />
      </el-table>
      <el-empty v-else description="暂无数据" />
    </div>
  </div>

</template>
<script>
export default {
  props: {
    familyList: {
      type: Array,
      default: []
    }
  },
  data() {
    return {

    }
  }
}
</script>
<style lang="scss" scoped>
.emergency-contact {
  background-color: #f5f5f5;

    &-title {
      font-size: 16px;
      font-weight: bold;
      margin: 20px 0;
      padding-right: 20px;
    }
  }
</style>
